
<!--富文本-->
<script type="text/javascript" src="/modules/js/simditor/module.js"></script>
<script type="text/javascript" src="/modules/js/simditor/uploader.js"></script>
<script type="text/javascript" src="/modules/js/simditor/hotkeys.js"></script>
<script type="text/javascript" src="/modules/js/simditor/simditor.js"></script>
<link rel="stylesheet" type="text/css" href="/modules/js/simditor/simditor.css" />
<!-- tag -->
<script src="/modules/assets/tagsinput/jquery.tagsinput.min.js"></script>
<link href="/modules/assets/tagsinput/jquery.tagsinput.css" rel="stylesheet" />
<!--图片剪切 -->
<script  src="/modules/js/cropbox.js"></script>
<!-- 时间选择插件 -->
<link rel="stylesheet" type="text/css" href="/modules/assets/timepicker/bootstrap-timepicker.min.css">
<script src="/modules/assets/timepicker/bootstrap-timepicker.min.js"></script>

<script src="/modules/assets/timepicker/bootstrap-timepicker.min-zn.js"></script>

<style type="text/css">
.actions.clearfix{margin-top: 70px;}
.q-panel-default{border:none;box-shadow:none!important;}
ul{list-style: none;}
i{font-style: normal;}
/*富文本编辑*/
.simditor{background-color: #fafafa;color: rgba(0,0,0,0.6);font-size: 14px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);border: 1px solid #eee;box-shadow: none;}
.simditor .simditor-wrapper{background-color: #fafafa;}
.simditor.focus .simditor-wrapper{background-color: #ffffff;}
.simditor .simditor-body{padding: 6px 12px;min-height: 200px;}
.panel .panel-body p+p {margin-top: 0px;}
.form-group .control-label{padding-top: 7px;}
.datetimepicker table tr td.today{background-color: #ffffff;}
.simditor .simditor-body p{margin: 0px;color: rgba(0,0,0,0.6);font-size: 14px;font-family: "Microsoft YaHei";}
.p-ul5 {width: 114px;height: 34px;background: #FFFFFF repeat;display: inline-block;position: relative;vertical-align: top;padding-left: 0px;}
.p-ul5 li {width: 38px;height: 34px;float: left;line-height: 34px;text-align: left;font-size: 25px;color: #999999;background-color: #ffffff;}
.cropbox-cont{width: 410px;height: 300px;margin: 0 auto;}
.cropbox-cont .imageBox{width: 410px;height: 400px;position: relative;height: 250px;width: 410px;background: #fff;overflow: hidden;background-repeat: no-repeat;cursor: move;}
.imageBox .thumbBox {position: absolute;top: 0px;left: 0px;width: 410px;height: 220px;box-sizing: border-box;border: 1px solid rgb(102, 102, 102);box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);background: none repeat scroll 0% 0% transparent;}
.datetimepicker-hours thead,.datetimepicker-minutes thead{display: none;}
.datetimepicker-hours td, .datetimepicker-minutes td{width: 175px;}



.E8ECEE{background: #6e8cd7!important;border:1px solid #6e8cd7!important;color: #fff;}
.Label_btn{padding-bottom: 20px;}
.Label_btnspan,.chose_li{background: #fff;border:1px solid #ccc;padding:5px 15px;margin-right: 20px;margin-bottom: 10px;;display: inline-block;border-radius: 5px;cursor: pointer;}
.chose_li{padding: 0px 20px;height: 30px;line-height: 30px;font-size: 14px;background: #6e8cd7;border: 1px solid #6e8cd7;color: #fff;padding:0px 10px;}
.chose_li span{font-size: 12px!important;margin-left: 5px;}
.addTagList{height: 30px;padding: 0px;line-height: 30px;width: 30px;text-align: center; background-color: #33b86c!important;border: #33b86c!important;}
.owl-item{padding-right: 10px;}
.simditor .simditor-body{font-size:14px;color: #999;font-family: Microsoft YaHei, Arial;}
.simditor .simditor-body ul{padding-left: 0px;}
</style>


<div class="wraper container-fluid">
<div class="page-title q-tit-change" style="min-width: 1200px;">
    <a href="/promote/index">推广管理</a> &gt; 新建活动 > 销售活动
</div>


<div class="wraper container-fluid q-cont-all" style="min-width: 1200px;border:1px solid rgba(0,0,0,0.08);display: none;">
<div class="">
<div class="">
<div class="panel panel-default q-panel-default">

<div class="panel-body">
<div class="promote-cont">

<div class="template-list">
<div class="overflow template-item Sales" style="min-width: 1200px;">
<!-- 预览 爆品销售 -->
<div class="fl" id="ShowMessage">
    <div class="q-show-ret " style="">
        <div class="promote-style-show"><span class="fa fa-eye"></span>预览</div>
        <div class="q-show-retbanner">
            <div><img src="<?php echo $data['MainSrc'] ?>" class="MainSrc"></div>
            <div class="promote-style-desinfo">
                <p class="promote-style-tit limit_two Title" ><?php echo $data['Title'] ?></p>
                <div class="promote-style-des limit_two ProductName"><?php echo $data['ProductName'] ?></div>
            </div>
        </div>
        <div class="promote-style-contact">
            <div class="promote-style-local">
                <span class="ion-ios7-location"></span>
            </div>
            <div class="promote-style-addres">
                <div class="ShopName"><?php echo $data['ShopName'] ?></div>
                <p class="ShopAdd"><?php echo $data['ShopAdd'] ?></p>
            </div>
            <a class="promote-style-call" href="tel:">
                <span class="ion-ios7-telephone-outline"></span>
            </a>
        </div>
        <div class="promote-buylen  GroundBuyTime " style="display: none;">
            <div class="buylen" style="margin-bottom: 0px;">
                <div class="fl"><span class="ion-ios7-clock"></span>活动时间</div>
                <div class="fr">
                    <span class="count-time-wrap">
                        <span class="count-time d_hours">00</span>
                        <span>:</span>
                        <span class="count-time d_minute">00</span>
                        <span>:</span>
                        <span class="count-time d_second">00</span>
                    </span>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="promote-buylen">
            <div class="buylen">
                <div class="fl"><span class="ion-ios7-clock"></span>使用时间</div>
                <div class="fr"><div class="activettime UseTime"><span class="StartTime"><?php echo $data['UseStartTime'] ?></span><span>-</span><span class="EndTime"><?php echo $data['UseEndTime'] ?></span></div></div>
                <div class="clearfix"></div>
            </div>
            <ul>
                <li class="GroupEnd" style="display: none;">截止日期:</li>
                <li class="UseDate">有效期:<span class="StartDate">2017年4月23日</span>至<span class="EndDate">2月29日</span></li>
                <li class="IsUseable">
                        <?php
                            if($data['IsUseableOnWeekend'] &&   $data['IsUseableOnHoliday'] ){
                              echo '周末、法定节假日除外';
                            }else{
                                if($data['IsUseableOnWeekend']){
                                    echo '周末节假日除外';
                                }
                                if($data['IsUseableOnHoliday']){
                                    echo '法定节假日除外';
                                }
                            }
                        ?>
                </li>
            </ul>
        </div>
        <div class="promote-buylen">
            <div class="buylen">
                <span class="ion-information-circled"></span>购买需知
            </div>
            <ul>
                <li class="Notice"><?php echo $data['Notice'] ?></li>
            </ul>
        </div>
        <div class="promote-buylen" style="border-bottom: 0px;">
            <div class="buylen">
                <span class="fa fa-file-text" style="font-size: 14px;"></span>图文详情
            </div>
            <div class="promote-adcontent-item">
                <?php echo $data['AdContent'] ?>
                <!--<p class="promote-cont1">初见设计师以三只小鹿为原型，寓意为幸福三口之家；为了更具有实用性，便设计出此款酒架，即是摆件，更是使用酒架，放置家中，更具有生活趣味。</p>
                <p class="promote-cont2"><img src="http://192.168.5.107:4260/pic/default/spread/d100.jpg"></p>-->
            </div>
        </div>
        <div class="promote-buyfooter">
            <div class="promote-buyprice"><i>￥</i><span class="Price"><?php echo $data['Price'] ?> </span><span class="oldprice">原价:<span class="OriginalPrice"><?php echo $data['OriginalPrice'] ?></span></span></div>
            <div class="promote-buybtn">立即购买</div>
        </div>
    </div>
</div>
<!-- 添加 爆品销售 -->
<div  id="InputMessage" class="fl" style="width: 720px;">
<div class="borderf6 m-l-20" >
<div class="promote-style-show" style=""><span class="fa fa-edit"></span>编辑</div>
<div class="promote-chosetypecont">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>销售类型</div>
        <div class="fr promote-choseishide"><span class="ion-chevron-down"></span></div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">选择类型</label>
            <div class="col-md-9 AdMarketTypeInput">
                <div class="radio-inline">
                    <label class="cr-styled" for="example-radio4">
                        <input type="radio" id="example-radio4" class="AdMarketType" name="admarkettype" checked value="100">
                        <i class="fa"></i>
                        新品
                    </label>
                </div>
                <div class="radio-inline">
                    <label class="cr-styled" for="example-radio5">
                        <input type="radio" id="example-radio5" class="AdMarketType" name="admarkettype"  value="200">
                        <i class="fa"></i>
                        团购
                    </label>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="promote-chosetypecont" style="padding-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>基本信息</div>
        <div class="fr promote-choseishide"><span class="ion-chevron-down"></span></div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">主图：</label>
            <div class="col-md-7 promote-chosetupload" >
                <input type="file" id="MainSrc" name="file">
                <div class="input-group">
                    <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control" placeholder="图片尺寸大于750*396" readonly>
                    <span class="input-group-addon"><i class="fa ion-image"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error mainsrc" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">标题：</label>
            <div class="col-md-7" >
                <input type="text"  class="form-control p-yl2 Title" data-classname ="Title" placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error title" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">商品名称：</label>
            <div class="col-md-7" >
                <input type="text" class="form-control p-yl2 ProductName" data-classname ="ProductName" >
            </div>
            <label class="col-md-3 control-label pass-msg error productname" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">商户简称：</label>
            <div class="col-md-7" >
                <input type="text" class="form-control  ShopName" data-classname ="ShopName" readonly value="<?php echo $data['ShopName'] ?>">
            </div>
            <label class="col-md-3 control-label pass-msg error shopname" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">地址：</label>
            <div class="col-md-7" >
                <input type="text" class="form-control p-yl2 ShopAdd" data-classname ="ShopAdd" placeholder="" value="<?php echo $data['ShopAdd'] ?>">
            </div>
            <label class="col-md-3 control-label pass-msg error shopadd" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">联系方式：</label>
            <div class="col-md-7" >
                <input type="text" class="form-control ShopPhone" placeholder="" value="<?php echo $data['ShopPhone'] ?>">
            </div>
            <label class="col-md-3 control-label pass-msg error shopphone" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow GroupEndTime" style="display: none">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">截止时间：</label>
            <div class="col-md-7" >
                <div class="input-group">
                    <input type="text" class="form-control "  id="GroupEndTime" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error groupendtime" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">使用日期：</label>
            <div class="col-md-3" >
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="" id="StartDate" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <div class="col-md-1" style="text-align: center;height: 33px;line-height: 33px;">至</div>
            <div class="col-md-3" >
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="" id="EndDate" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error usedate" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17"></label>
            <label class="cr-styled col-md-3"><input type="checkbox" class="isuseable IsUseableOnWeekend" data-type="100"><i class="fa"></i> 周六、周天不可用 </label>
            <label class="cr-styled m-l-20 col-md-3"><input type="checkbox"  class="isuseable IsUseableOnHoliday" data-type="200"><i class="fa"></i> 法定节假日不可用</label>
        </div>

        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">使用时间：</label>
            <div class="col-md-3" >
                <div class="input-group">
                    <input type="text" class="form-control"  id="StartTime" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <div class="col-md-1" style="text-align: center;height: 33px;line-height: 33px;">至</div>
            <div class="col-md-3" >
                <div class="input-group">
                    <input type="text" class="form-control"  id="EndTime" readonly>
                    <span class="input-group-addon"><i class="glyphicon ion-calendar"></i></span>
                </div>
            </div>
            <label class="col-md-3 control-label pass-msg error usetime" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">现价：</label>
            <div class="col-md-3" >
                <input type="number" class="form-control p-yl4 Price" data-classname="Price" data-type="100">
            </div>
            <div class="col-md-1" style="text-align: center;height: 33px;line-height: 33px;padding: 0px;">原价：</div>
            <div class="col-md-3" >
                <input type="number" class="form-control p-yl4 OriginalPrice" data-classname="OriginalPrice">
            </div>
            <label class="col-md-3 control-label pass-msg error price" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow" style="display: none">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">团购价：</label>
            <div class="col-md-7" >
                <input type="number" class="form-control p-yl4 GroupPrice" data-classname="Price" data-type="200">
            </div>
            <label class="col-md-3 control-label pass-msg error groupprice" style="font-weight: 500;"></label>
        </div>
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17 " style="font-weight: 500;">商品数量：</label>
            <div class="col-md-7" >
                <input type="number" class="form-control ProductCount" placeholder="">
            </div>
            <label class="col-md-3 control-label pass-msg error productcount" style="font-weight: 500;"></label>
        </div>
    </div>
</div>
<div class="promote-chosetypecont">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>购买须知</div>
        <div class="fr promote-choseishide"><span class="ion-chevron-down"></span></div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <label class="col-md-2 control-label padleft17" style="font-weight: 500;">购买须知：</label>
            <div class="col-md-7">
                <textarea class="form-control "  id="editor" rows="10" ></textarea>
            </div>
            <label class="col-md-3 control-label pass-msg error notice" style="font-weight: 500;"></label>
        </div>
    </div>
</div>
<!-- 图文详情 -->
<div class="promote-chosetypecont">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>详细说明</div>
        <div class="fr promote-choseishide"><span class="ion-chevron-down"></span></div>
    </div>
    <div class="promote-scendcont">
        <div class="promote-scendcon">
            <div class="promote-grapeach" >
                <div class="form-group overflow">
                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">文字说明：</label>
                    <div class="col-md-7">
                        <textarea  class="form-control p-yl3"  data-adid="1"></textarea>
                    </div>
                    <div class="col-md-3 add-promote-btnlist">
                        <ul class="p-ul5 p-ul7">
                            <li class="add-img" data-adid="1"><span class="ion-image"></span></li>
                            <li class="add-font"  data-adid="1"><span class="fa fa-font" style="font-size: 23px;"></span></li>
                            <li class="del-btn"  data-adid="1"><span class="fa fa-trash-o"></span></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
                <div class="form-group overflow">
                    <label class="col-md-2 control-label padleft17" style="font-weight: 500;">展示图片：</label>
                    <div class="col-md-7 promote-chosetupload" >
                        <div class="input-group">
                            <input type="text" id="example-input2-group1" name="example-input2-group1" class="form-control fileupload"  data-adid="2" readonly>
                            <span class="input-group-addon"><i class="fa ion-image"></i></span>
                        </div>
                    </div>
                    <div class="col-md-3 add-promote-btnlist">
                        <ul class="p-ul5 p-ul7">
                            <li class="add-img"  data-adid="2"><span class="ion-image"></span></li>
                            <li class="add-font"  data-adid="2"><span class="fa fa-font" style="font-size: 23px;"></span></li>
                            <li class="del-btn"  data-adid="2"><span class="fa fa-trash-o"></span></li>
                            <div class="clear"></div>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="promote-addgrapeach padleft17">
            <span class="col-md-9"><span class="badge bg-success m-r-5"><i class="ion-plus-round"></i></span>添加新的段落</span>
            <label class="col-md-3 control-label pass-msg error adcontent" style="font-weight: 500;font-size: 14px;margin-top: 25px;"></label>
        </div>
    </div>
</div>
<input type="file" id="file" name="file" style="display: none;">
<!-- 添加活动标签 -->
<div class="promote-chosetypecont" style="border-bottom: 0px;">
    <div class="promote-chosetype overflow">
        <div class="fl"><span class="ion-navicon"></span>添加活动标签</div>
        <div class="fr promote-choseishide"><span class="ion-chevron-down"></span></div>
    </div>
    <div class="promote-scendcont">
        <div class="form-group overflow">
            <div class="col-md-12">
                <div class="form-group">
                    <div>
                        <ul class="">
                            <div class="tag-item" style="display: inline-block;">
                                <!--<li class="chose_li" style="" data-id="1">已联系<span class="ion-close-round"></span></li>-->
                            </div>
                            <button class="btn btn-icon btn-success m-b-5 addTagList" style=""  data-toggle="modal" data-target="#TagList"> <i class="ion-plus" style="font-size: 16px;"></i> </button>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>




<!-- 保存 -->
<div class="fr m-t-15 m-b-15">
    <button type="button" class="btn btn-info  m-b-5 overflow m-r-10 SaveBtn" style="font-size: 18px;padding: 6px 30px;">保存</button>
    <button type="button" class="btn btn-info  m-b-5 overflow PublishBtn" style="font-size: 18px;padding: 6px 30px;">发布</button>
</div>
</div>


</div>

</div>
</section>

</div>

</div>  <!-- End panel-body -->
</div> <!-- End panel -->

</div>


<!-- 剪切图片 -->
<div id="CutImg" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header" style="border-bottom: 0px;">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" style="text-align: center;" >剪切图片</h4>
            </div>
            <div class="modal-body" style="padding: 0px;">
                <div class="cropbox-cont">
                    <div class="imageBox">
                        <div class="thumbBox"></div>
                        <div class="spinner" style="display: none">Loading...</div>
                    </div>
                </div>
                <div class="cropped">
                </div>
            </div>
            <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;">
                <div class="pass-msg error m-r-10"></div>
                <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-info" id="btnCrop">保存</button>
            </div>
        </div>
    </div>
</div>

</div>


<!-- 筛选标签 -->
<div id="TagList" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="custom-width-modalLabel" aria-hidden="true" style="display: none;z-index: 555555555555">
    <div class="modal-dialog" style="width:55%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="custom-width-modalLabel" style="text-align: center;font-size:20px; ">选择标签</h4>
            </div>
            <div class="modal-body" style="padding-bottom: 0px;">
                <div class="Label_btn" data-type="100">
                    <!-- <h4>类型</h4> -->
                    <!-- <button type="button" class="btn btn-default ">建材</button> -->
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn choseOk" style="background-color: #6e8cd7;border: 1px solid #6e8cd7;color: #fff;">完成</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    seajs.use('promote/sales');
</script>





